<template>
  <div class="song-other clearfix">
    <div v-for="(element,index) in songconte.other_interes" class="author-title">
      <p>{{element}}</p>
    </div>
    <br>
    <div class="popular-title">
      <p>热门文章</p>
    </div>
    <div v-for="(element,index) in songconte.related_read" class="author-popular">
      <p>{{element.related_read_summary }}</p>
    </div>
      <div class="copyright">
      <p>蓝莓派版权所有&nbsp;京ICP备12346335号</p>
    </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'SongOther',
  data() {
    return {
    }
  },
  components: {

  },
  props:{
    songconte:{
      type:Object,
      default:function(){
        return {}
      }
    }
  }
}

</script>
<style lang="css" scoped>
.song-other{
  background-color: #fff;
  font-size: 0.16rem;
}
.author-title{
  background-color: #fff;
  padding: 0.1rem;
  border-bottom: 0.01rem solid #e0e0e0;
}
.author-title p{
  border-left: 0.05rem solid #F68344;
  padding: 0 0.05rem;
  color: #000;
  font-size: 0.16rem;
}
.author-conter{
  padding: 0.1rem;
  border-bottom: 0.01rem solid #e0e0e0;
}
.author-conter p{
  letter-spacing: 0.03rem;
  line-height: 0.24rem;
}
.popular-title{
  background-color: #fff;
  padding: 0.1rem;
  border-bottom: 0.01rem solid #e0e0e0;
}
.popular-title p{
  border-left: 0.05rem solid #F68344;
  padding: 0 0.05rem;
  color: #000;
  font-size: 0.16rem;
}
.author-popular{
  padding: 0.1rem;
  border-bottom: 0.01rem solid #e0e0e0;
}
.author-popular p{
  letter-spacing: 0.03rem;
  line-height: 0.24rem;
}
.copyright{
  padding: 0.1rem;
   padding-top: 0.4rem;
   color: #898989;
   letter-spacing: 0.02rem;
} 
</style>
